
/*拼团*/
.page-grouphome{
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
    padding-bottom:0.5rem;
}

.group_swiper{
    width: 100%;
    padding-bottom: 0.3rem;
    /*height: 275px;*/
}

.group_swiper ul li img{
    width:100%;
    object-fit: cover;
}


.group_swiper .group_timelimit{
    width:calc(100% - 0.2rem);
    padding:0 0.1rem;
    height:0.3rem;
    background: rgba(80,80,80,.7);
    position: absolute;
    left:0;
    bottom: 0;
    text-align: right;
    color: #ffffff;
    font-size: 0.14rem;
    line-height: 0.3rem;
    z-index:2;
}


.page-grouphome .group_good_main{
    position: relative;
    width:calc(100% - 0.2rem);
    padding:0 0.1rem;
    background: #ffffff;

}

.group_good_main .group_count{
    position: absolute;
    width:0.4rem;
    height:0.46rem;
    right:0.1rem;
    top:-0.02rem;
    background: #db3752;
    z-index:3
}


.group_good_main .group_count .rect {
    position: relative;
    width: 0.36rem;
    height: 0.39rem;
    margin: 0.02rem auto;
    border: 1px solid #ffffff;
    border-bottom:0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.group_good_main .group_count .rect span{
    width: 100%;
    color: #ffffff;
    font-size:0.12rem;
    line-height:0.15rem;
    display: inline-block;
}

.group_good_main .group_count .rect:before{
    position: absolute;
    content:'';
    width:0.18rem;
    height:0.18rem;
    background:transparent;
    border-bottom:1px solid #fff;
    left:0;
    bottom:0;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    transform-origin: left bottom;
}

.group_good_main .group_count .rect:after{
    position: absolute;
    content:'';
    width:0.18rem;
    height:0.18rem;
    background:transparent;
    border-bottom:1px solid #fff;
    right:0;
    bottom:0;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    transform-origin: right bottom;
}

.group_good_main .group_count:before {
    content:'';
    position: absolute;
    left:-1px;
    bottom: 0;
    width:0;
    height:0;
    border-bottom:0.42rem solid #fff;
    border-left:0.21rem solid transparent;
    border-right:0.21rem solid transparent;
    transform: rotateX(79deg);
    -webkit-transform-origin:10% bottom;
    -moz-transform-origin:10% bottom;
    -ms-transform-origin:10% bottom;
    -o-transform-origin:10% bottom;
    transform-origin:10% bottom;
    z-index:4;
}

.page-grouphome .group_good_main .group_good_price{
    width:100%;
    height:0.3rem;
    line-height:0.3rem;

}

.page-grouphome .group_good_main .group_good_price em{
    font-style: normal;
}

.page-grouphome .group_good_main .group_good_price span{
    padding:0 0.04rem;
}

.page-grouphome .group_good_main .group_good_price .actually_price{
    color: #db3752;
}

.page-grouphome .group_good_main .group_good_price .actually_price em{
    font-size: 0.13rem;
}

.page-grouphome .group_good_main .group_good_price .actually_price i{
    font-size: 0.22rem;
}

.page-grouphome .group_good_main .group_good_price .del_price{
    color: #8f8f8f;
    font-size:0.13rem;
    line-height:0.3rem;
}

.page-grouphome .group_good_main .group_good_price .less_price{
    display: inline-block;
    padding:1px 0.02rem;
    background:#db3752;
    font-size:0.13rem;
    color: #ffffff;
    -webkit-border-radius:0.05rem;
    -moz-border-radius:0.05rem;
    border-radius:0.05rem;
    line-height: 0.18rem;
    margin:0 0.05rem;
}


.page-grouphome .group_good_main .group_good_title{
    width: calc(100% - 0.4rem);
    color: #29272a;
    font-size: 0.15rem;
    line-height: 0.25rem;
    font-weight:600;
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
}


.group_good_intro{
    width:calc(100% - 0.1rem);
    padding:0.05rem;
    line-height:0.23rem;
    color: #8f8f8f;
}

.group_good_gift{

    width:100%;
    color: #29272a;
    line-height:0.35rem;
}

.group_good_gift a{
    float: right;
    color: #db3752;
}

.group_good_gift span{
    font-size:0.14rem;
    font-family: 'Microsoft YaHei UI Light';
    font-weight:bold;
}

.group_good_gift i{
    color: #db3752;
    font-size:0.19rem;
}

.group_good_trans{
    width:calc(100% - 0.2rem);
    padding:0 0.1rem;
    background: #e6e6e6;
    height:0.5rem;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;

}

.group_good_trans .group_good_label{
    flex:1;
    color: #282629;
    font-size:0.12rem;
}

.group_good_trans .group_good_label span{
    margin-right:0.1rem;

}

.group_good_trans .group_good_label span i{
    color: #db3752;
    font-size: 0.16rem;
    vertical-align: middle;
}


.group_productInfo{
    width:calc(100% - 0.2rem);
    background:#e6e6e6;
    padding:0.1rem;
    line-height:0.25rem;
    color: #282629;
    font-size:0.14rem;
}

.productImg{
    width:100%;

}

.productImg img{
    width:100%;
    height:auto;
}

.group_good_pay{
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    height:0.4rem;
    background: #f2f2f2;
    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


.group_good_pay .group_backhome{
    width:16%;
    height:0.4rem;
    background: #ffffff;
    color: #666;
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.14rem;
    display: inline-block;
}

.group_good_pay .group_backhome i,.group_good_pay .group_backhome span{
    display: block;
}

.group_payBtn{
    width:42%;
    height:0.4rem;
    color: #ffffff;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.14rem;
    display: inline-block;

}



.group_addGroupBtn{
    width:84%;
    height:0.4rem;
    color: #ffffff;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.14rem;
    display: inline-block;
}

.group_payBtn span{
    display:block;
    width:100%;
    height:0.2rem;
    line-height:0.2rem;
}

.pink{
    background: #ff667f;
}

.largeRed{
    background: #db3752;
}



.page-grouppay{
    background: #f2f2f2;
    font-size: .12rem;
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
}

.group_pay_address{
    width:calc(100% - .20rem);
    padding: 0.1rem;
    height:.65rem;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.group_pay_address i{
    color: #dc3c56;
    font-size:.22rem;
    display: inline-block;

}

.group_pay_address .addressContent{
    display: inline-block;
    width:2.40rem;
    font-size:.13rem;
    color: #29272a;
    margin-right:auto;
    margin-left:.10rem;

}

.addressContent p{
    width:100%;
    line-height:0.25rem;
}

.addressContent p:nth-child(2){
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.group_pay_goods{
    width:calc(100% - 0.2rem);
    padding:0.12rem 0.1rem;
    height:1rem;
    background: #ffffff;
    margin-top:0.1rem;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.group_pay_goods .goods_image{
    width:1.05rem;
    height:1rem;
}


.group_pay_goods .goods_image img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.group_pay_goods .goods_Info{

    width:calc(100% - 1.25rem);
    height:100%;
    margin-left:0.15rem;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}



.group_pay_goods .goods_Info  .goods_Info_contentTitle{
    width:100%;
    color: #000;
    font-size: 0.15rem;
    font-weight:600;

}


.page-grouppay .group_pay_goods .goods_Info .group_good_price em{
    font-style: normal;
}

.page-grouppay .group_pay_goods .goods_Info .group_good_price span{
    padding:0 0.04rem;
}

.page-grouppay .group_pay_goods .goods_Info .group_good_price .actually_price{
    color: #db3752;
}

.page-grouppay .group_pay_goods .goods_Info .group_good_price .actually_price em{
    font-size: 0.13rem;
}

.page-grouppay .group_pay_goods .goods_Info .group_good_price .actually_price i{
    font-size: 0.22rem;
}

.page-grouppay .group_pay_goods .goods_Info .group_good_price .del_price{
    color: #8f8f8f;
    font-size:0.13rem;
    line-height:0.3rem;
}


.group_pay_goods .group_good_counts{
    width:100%;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;


}

.group_pay_goods .group_good_counts .count{
    display: inline-block;
    color: #8f8f8f;
    font-size: .13rem;

}

.group_pay_goods .group_good_counts .calcCount{
    height:.21rem;

}

.group_pay_goods .group_good_counts .calcCount span{
    display: inline-block;
    width:.21rem;
    height:.21rem;
    border-radius:.02rem;
    text-align: center;
    line-height:.21rem;
    color: #ffffff;
    font-size:.14rem;
}

.group_pay_goods .group_good_counts .calcCount input{
    width:.36rem;
    height:.19rem;
    border:.01rem solid #cccccc;
    text-align: center;
    color: #db3752;
    background: #ffffff;
    margin:0 .08rem;
}

.redBac{
    background: #db3752;
}

.greyBac{
    background: #8f8f8f;
}


.group_pay_method{
    width:calc(100% - .2rem);
    padding:0 .1rem;
    height:.75rem;
    background: #ffffff;
    margin-top:.1rem;
}

.group_pay_method .pay_title{
    width:100%;
    border-bottom:.01rem solid #ccc;
    color:#29272a;
    font-size: .17rem;
    line-height:.3rem;
    height:.3rem;
    font-weight:bold;
}

.group_pay_method .pay_method_choose{
    width:100%;
    height:.44rem;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
}


.group_pay_method .pay_method_choose span:nth-child(1){
    font-size: .16rem;
    color: #ababab;
}

.group_pay_method .pay_method_choose a{
    position: relative;
    display: inline-block;
    width:.18rem;
    height: .18rem;
    border-radius:50%;
    text-align: center;
}

.group_pay_method .pay_method_choose a span{
    display: inline-block;
    width:.09rem;
    height:.04rem;
    border-left:.02rem solid #fff;
    border-bottom:.02rem solid #fff;
    -webkit-transform: translateY(-110%) rotate(-45deg);
    -moz-transform: translateY(-110%) rotate(-45deg);
    -ms-transform: translateY(-110%) rotate(-45deg);
    -o-transform: translateY(-110%) rotate(-45deg);
    transform: translateY(-110%) rotate(-45deg);
}

.group_goPay{
    position: fixed;
    left:0;
    bottom:0;
    width:calc(100% - .2rem);
    padding:0 .1rem;
    height:.5rem;
    background: #ffffff;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.group_goPay span:nth-child(1){
    color:#29272a;
    font-size: .16rem;
}

.group_goPay span:nth-child(1) em{
    font-style: normal;
    color:#db3752;
    font-size:.13rem;

}

.group_goPay span:nth-child(2){
    margin-left:auto;
    margin-right:.15rem;
    color: #ababab;
    font-size: .14rem;

}

.group_goPay a{
    width:1.1rem;
    height: .3rem;
    display: inline-block;
    border-radius:.05rem;
    background: #db3752;
    color: #ffffff;
    font-size: .14rem;
    line-height:.3rem;
    text-align: center;
}



.page-payback .pay-share{
    width:100%;
    height:100px;
    background: url("../images/payback_share.png") center center no-repeat;
    background-size:auto 100px;

}

.page-payback .pay-share-explain,.page-grouppayback .pay-share-explain{
    margin-top:15px;
    width:100%;

}

.page-payback .pay-share-explain li,.page-grouppayback .pay-share-explain li{
    width:100%;
    line-height: 30px;
    font-size:16px;
    color: #fff;
    text-align: center;
    font-weight:bold;
}

.page-payback .pay-share-explain li:last-child,.page-grouppayback .pay-share-explain li:last-child{
    font-size:14px;
    font-weight:normal;
}

.page-payback  .pay-count,.page-grouppayback  .pay-count{
    color: #fba341;

}

.page-payback  .pay-friends,.page-grouppayback  .pay-friends{
    color: #db3752;
    font-weight:bold;

}

.page-payback .share,.page-grouppayback .share{
    position: absolute;
    width:100%;
    text-align: center;
    color: #fff;
    bottom:80px;
}

.page-payback .shareBack,.page-grouppayback .shareBack{
    display: none;
    width:320px;
    height:260px;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background: #fff;
}

.page-payback  .shareSuccess,.page-grouppayback  .shareSuccess{
    width:100%;
    text-align: center;
    font-size:18px;
    color: #454545;
    /*font-weight:lighter;*/
    margin-top:25px;
    margin-bottom:30px;
}

.page-payback .shareComplete,.page-grouppayback .shareComplete{
    position: relative;
    display: inline-block;
    width:18px;
    vertical-align: middle;
    height:18px;
    border-radius:100%;
    background: #30c122;
    text-align: center;
    margin:0 4px;
}

.page-payback  .shareComplete .right,.page-grouppayback  .shareComplete .right{
    display: block;
    position:absolute;
    width:8px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-payback .shareBack .shareText,.page-grouppayback .shareBack .shareText{
    width:100%;
    color: #454545;
    text-align: center;
}

.page-payback .shareBack .shareNext,.page-grouppayback .shareBack .shareNext{
    width:210px;
    height:23px;
    border-radius:30px;
    background:#db3752;
    color: #fff;
    font-size:14px;
    font-weight:bold;
    border:0;
    margin-top:6px;
    margin-left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-payback .shareBack .moreGoods,.page-grouppayback .shareBack .moreGoods{
    position:relative;;
    width:70px;
    line-height:30px;
    background: #FFF;
    color: #db3752;
    margin-left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    margin-top:20px;
}

.page-payback .shareBack .moreGoods span,.page-grouppayback .shareBack .moreGoods span{
    width:70px;
    height:30px;
    background: #FFF;
    display: block;
}

.page-payback .shareBack .moreGoods:before,.page-grouppayback .shareBack .moreGoods:before{
    content:'';
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(.5);
    -moz-transform:translateX(-50%) translateY(-50%) scale(.5);
    -ms-transform:translateX(-50%) translateY(-50%) scale(.5);
    -o-transform:translateX(-50%) translateY(-50%) scale(.5);
    transform:translateX(-50%) translateY(-50%) scale(.5);
    width:420px;
    height:1px;
    background:#cccccc;
    z-index:-1;
}

.page-payback .shareBack  .backHome,.page-grouppayback .shareBack  .backHome{
    display: block;
    width:208px;
    height:23px;
    line-height: 23px;
    border-radius:30px;
    background:transparent;
    color: #db3752;
    font-size:14px;
    /*font-weight:lighter;*/
    border:1px solid #db3752;
    margin-top:6px;
    margin-left:50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-payback .shareImage,.page-grouppayback .shareImage{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.8);
    z-index:99999;
}

.page-payback .shareImage p,.page-grouppayback .shareImage p{
    height:35px;
    line-height:35px;
    text-align: center;
    color: #FFF;

}

.page-payback .shareImage img,.page-grouppayback .shareImage img{
    width:70%;
    height:auto;
    margin-left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-payback .pb-paySuc,.page-grouppayback .pb-paySuc{
    width:100%;
    background: #FFF;
}

.page-payback .pb-paySuc .pb-congr,.page-grouppayback .pb-paySuc .pb-congr{
    width:100%;
    line-height: 25px;
    text-align: center;
    color: #969696;

}

.page-payback .pb-paySuc .pb-tips,.page-grouppayback .pb-paySuc .pb-tips{
    width:100%;
    text-align: center;
    color: #db3752;
    line-height:35px;
    margin-top:10px;
}

.page-payback .pb-controlNext,.page-grouppayback .pb-controlNext{
    width:100%;
    background: #ebebeb;
    padding:10px 0;
}

.pb-btnConcat{
    width:100%;

    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;

}

.pb-btnConcat a{
    display: block;
    flex:1;
    height:35px;
    border:1px solid #db3652;
    line-height:35px;
    text-align: center;
    border-radius:5px;
    margin:15px 10px;

}

.pb-btnConcat .pb-toHome{
    background: #db3652;
    color: #fff;
}

.pb-btnConcat .pb-toRecored{
    background: #fff;
    color: #db3652;
}

.page-payback .pb-buyInfo{
    width:calc(100% - 40px);
    margin: 10px;
    padding:5px 10px;
    background: #fff;
    border-radius:5px;
}

.page-payback .pb-buyInfo li{
    display: -webkit-flex;
    width:100%;
    flex-direction:row;
    -webkit-flex-direction:row;
}

.page-payback .pb-buyInfo span{
    display: block;
    flex:1;
}


.pb-intro{
    width:100%;
    background: #fff;
}

.pb-intro .pb-percent{
    position:relative;;

    line-height:30px;
    background: #FFF;
    color: #db3752;
    margin-left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    margin-top:20px;
}

.pb-intro .pb-percent span{
    height:30px;
    background: #FFF;
    display: block;
    color: #db3752;
}

.pb-intro .pb-percent:before{
    content:'';
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(.5);
    -moz-transform:translateX(-50%) translateY(-50%) scale(.5);
    -ms-transform:translateX(-50%) translateY(-50%) scale(.5);
    -o-transform:translateX(-50%) translateY(-50%) scale(.5);
    transform:translateX(-50%) translateY(-50%) scale(.5);
    width:600px;
    height:1px;
    background:#cccccc;
    z-index:-1;
}

#page-payback .w-goods-ing .w-goods-shortFunc {
    position: absolute;
    right: 5px;
    bottom: 6px
}

#page-payback .w-goods-ing .w-progressBar{
    margin-right: 50px;
}

#page-payback .text-hide{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.group_progress_img{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: auto;
    z-index: 4;
}

.pintuan_duobaol{
    height: 100%;
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
}

.fixed_qr_btn {
    width: 0.48rem;
    height: 0.48rem;
    position: fixed;
    right: 0.1rem;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
    background: url('') center center / cover;
}

.chengt_bifa .pintuan_status{
    position: absolute;
    width:0.64rem;
    height:0.64rem;
    right:0;
    bottom:0;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg);
}

.chengt_bifa .pintuan_status img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.pintuan_duobaol .chengt_bifa{
    position: relative;
    padding: 0.125rem 0.1rem;
    background-color: white;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.pintuan_duobaol .chengt_bifa_img{
    width: 34%;
    height: 0.9rem;
    margin-right: 5%;
}

.pintuan_duobaol .chengt_bifa_img img{
    width:100%;
    height:100%;
    object-fit: cover;
}


.pintuan_duobaol .chengt_bifa_text{
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
    font-size: 0.14rem;
    color: #AEAEAE;
    width: 61%;
}
.pintuan_duobaol .chengt_bifa_text>p:first-child{
    font-size:0.16rem;
    color: rgb( 41, 39, 42 );
    margin-bottom: 0.04rem;
}
.pintuan_duobaol .over_hidden{
    line-height: 0.21rem;
    max-height: 0.42rem;

}

.pintuan_duobaol .over_hidden a{
    color: #AEAEAE;
}

.pintuan_duobaol .chengt_bifa_text>p:last-child a{
    display: inline-block;

    color: rgb( 219, 55, 82 );
    text-align: right;
    margin-top: 1px;
}
.pintuan_duobaol .chengt_bifa_text>p:nth-child(2)>span{
    color: #DB3A53;
}
.pintuan_duobaol .chengt_bifa_text>p:nth-child(2)>span:first-child{font-size: 0.12rem}
.pintuan_duobaol .chengt_bifa_text>p:nth-child(2)>span:nth-child(2){font-size: 0.18rem}
.pintuan_duobaol .cantuan_detail{
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -webkit-align-items: center;
    background-color: white;
    padding: 0.1rem 0;
}
.pintuan_duobaol .cantuan_detail_div>span{
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background-color: #E6E6E6;
    margin: 0.06rem 0;
}

.pintuan_duobaol .cantuan_detail_div>span img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit: cover;
}
.pintuan_duobaol .cantuan_detail_div>span:first-child{
    position: relative;

}

.pintuan_duobaol .cantuan_detail_div>span:first-child:before{
    position: absolute;
    content: '团';
    width: 0.16rem;
    height: 0.16rem;
    line-height: 0.16rem;
    text-align: center;
    font-size: 0.08rem;
    -webkit-text-size-adjust:none ;
    border-radius: 50%;
    color: white;
    background-color: #DB3A53;
    top: -0.05rem;
    right: -0.05rem;
    z-index: 3;
}

.pintuan_duobaol .cantuan_detail>p{
    font-size: 0.14rem;
    color: rgb( 40, 38, 41 );
}
.pintuan_duobaol .datuan{
    width: 0.16rem;
    height: 0.16rem;
    line-height: 0.16rem;
    text-align: center;
    font-size: 0.08rem;
    -webkit-text-size-adjust:none ;
    border-radius: 50%;
    color: white;
    background-color: #DB3A53;
    position: absolute;
    top: -0.05rem;
    right: -0.05rem;
}
.pintuan_duobaol .fenmiao{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 0.14rem;
    color: rgb( 171, 171, 171 );
    margin: 0.12rem 0;
    width: 100%;
}
.pintuan_duobaol .fenmiao:before{
    content: '';
    display: inline-block;
    width: 11%;
    height: 0;
    border-bottom: 1px solid #DB3A53;
    margin-right: 0.08rem;
}
.pintuan_duobaol .fenmiao:after{
    content: '';
    display: inline-block;
    width: 11%;
    height: 0;
    border-bottom: 1px solid #DB3A53;
    margin-left: 0.08rem;
}
.pintuan_duobaol .red_line{
    display: inline-block;
    padding:0 0.03rem;
    line-height: 0.22rem;
    text-align: center;
    margin: 0 0.05rem;
    height: 0.22rem;
    border-radius: 0.03rem;
    background-color: #DB3A53;
    color: white;
    position: relative;
}
.pintuan_duobaol .red_line:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid white;
    position: absolute;
    top: 50%;
    left: 0;
}
.pintuan_duobaol .cantuan_detail>a{
    display: block;
    font-size: 0.14rem;
    color: rgb( 40, 38, 41 );
}

.pintuan_duobaol .cantuan_detail>a span{
    display: inline-block;
    width:0.07rem;
    height:0.07rem;
    border-top:1px solid #DB3A53;
    border-right:1px solid #DB3A53;
    transform: rotate(45deg);
    margin-left:0.03rem;
    vertical-align: middle;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.pintuan_duobaol .cantuan_detail .groupback_detai{
    width:100%;
    height:auto;
    overflow: hidden;
    padding-top:0.1rem;

}

.pintuan_duobaol .cantuan_detail .groupback_detai .perdetai{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height:0.45rem;
    color: rgb( 171, 171, 171 );
    font-size: 0.14rem;
}

.pintuan_duobaol .cantuan_detail .groupback_detai .perdetai:nth-child(1){
    position: relative;
    background: #e6e6e6;
}

.pintuan_duobaol .cantuan_detail .groupback_detai .perdetai:nth-child(1):before{
    content: '';
    position: absolute;
    top:-0.05rem;
    left:50%;
    width:0;
    height:0;
    border-bottom:0.06rem solid #e6e6e6;
    border-left:0.06rem solid transparent;
    border-right:0.06rem solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pintuan_duobaol .zero_zero{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
}

.pintuan_duobaol .zero_zero .headImg{
    width:0.3rem;
    height:0.3rem;
    border-radius:0.05rem;
    overflow: hidden;
    margin-right:0.1rem;
}

.pintuan_duobaol .zero_zero span{
    display: inline-block;
    width:0.8rem;
    height:0.3rem;
    line-height: 0.3rem;
}

.pintuan_duobaol .zero_zero .headImg img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.pintuan_duobaol .maybe_like{
    background-color: white;
    padding: 0.1rem;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0.55rem;

}
.pintuan_duobaol .maybe_like>p{
    text-align: center;
    font-size:0.14rem ;
    color: rgb( 40, 38, 41 );
    margin-bottom: 0.12rem;
}
.pintuan_duobaol .iphone_num{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.pintuan_duobaol .iphone_num>a>div{
    margin-bottom: 0.09rem;
}
.pintuan_duobaol .iphone_num>a:nth-of-type(2n)>div{
    border-left: 1px solid #F2F2F2;
}

.pintuan_duobaol .iphone_num>a>div img{
    vertical-align: bottom;
    width: 100%;
    height: 1.4rem;
    margin: 0 auto;
    object-fit: contain;
}
.pintuan_duobaol .iphone_num>a{
    width: 50%;
    font-size: 0.14rem;
    color: rgb( 40, 38, 41 );
    text-align: center;
}
.pintuan_duobaol .iphone_num>a>span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    padding: 0 0.02rem 0 0.06rem;
    margin-bottom: 0.02rem;
    font-size: 0.12rem;
    line-height: 0.16rem;
    height: 0.34rem;
}
.pintuan_duobaol .iphone_num>a>span:last-child {
    position: relative;
}
.pintuan_duobaol .iphone_num>a>span .price {
    color: #DB3A53;
    float: left;
    font-size: 0.18rem;
    position: absolute;
    top:0.02rem;
}
.pintuan_duobaol .iphone_num .scale {
    display: inline-block;
    transform: scale3d(0.9,0.9,1);
    transform-origin: bottom;
}
.pintuan_duobaol .iphone_num .group_per {
    display: inline-block;
    position: absolute;
    left: 0.5rem;
    top: -0.02rem;
}
.pintuan_duobaol .iphone_num>a>span .group_bought {
    color: rgb( 171, 171, 171 );
    width: 55%;
    display: inline-block;
    position: absolute;
    top: 0.16rem;
    left: 0.5rem;

}
.pintuan_duobaol .iphone_num>a>span .group_bought .wrap {
    display:block;
    height: 0.05rem;
    border-radius: 0.05rem;
    background-color: #efeeee;
    overflow: hidden;
}
.pintuan_duobaol .iphone_num>a>span .group_bought .bar {
    display:block;
    height: 100%;
}
.pintuan_duobaol .iphone_num>a>span .group_bought .color {
    display:block;
    width: 100%;
    height:100%;
    background:#FFA538;
}
.pintuan_duobaol .iphone_num>a img{width: 100%}
.pintuan_duobaol .btm_buton{
    position:fixed;
    left:0;
    bottom:0;
    width:calc(100% - 0.2rem);
    padding: 0.1rem;
    background-color: white;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.pintuan_duobaol  .btm_buton>a{
    font-size: 0.14rem;
    color: white;
    display: inline-block;
    height: 0.35rem;
    line-height: 0.35rem;
    border-radius: 0.05rem;
    text-align: center;
}
.pintuan_duobaol  .btm_buton>a:first-child{
    background-color: #CCCCCC;
    width: 36%;
}
.pintuan_duobaol .btm_buton>a:last-child{
    background-color: #DB3A53;
    width: 60%;
}
.pintuan_duobaol .grey_div{
    width: 100%;
    height: 0.05rem;
    background-color: #F2F2F2;
}





.page-grouprecord{
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
    background: #ededed;
}

.groupRecord_header{
    width: calc(100% - 0.2rem);
    padding:0 0.1rem;
    margin-top:0.5rem;
    background:#ffffff;
    height:0.5rem;
    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    justify-content: center;
    -webkit-justify-content: center;
    border-bottom: 1px solid #ccc;
}

.groupRecord_header li{
    position: relative;
    font-size:0.16rem;
    display: inline-block;
    flex: 1;
}

.groupRecord_header li.red{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:1px solid #f94d5e;
}

.groupRecord_header li:before{
    width:1px;
    height: 0.2rem;
    background: #cfcece;
    content: '';
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.groupRecord_header li:nth-child(1):before{
    content: '';
    width: 0;
}

.groupRecord_header li a{
    display: inline-block;
    width:100%;
    text-align: center;
    color: #5d5d5d;
    font-weight:bold;
}

.groupRecord_header li a span{
    width:100%;
    line-height: 0.5rem;
    text-align: center;
}

.groupRecord_content{
    width:calc(100% - 0.2rem);
    padding:0 0.1rem;
    background: #ffffff;
}

.groupRecord_content .groupRecord_item{
    width:calc(100% - 0.1rem);
    padding:0.05rem;
}

.groupRecord_content .groupRecord_item .groupRecord_title{
    line-height: 0.4rem;
    color:#5d5d5d;
    border-bottom:1px solid #cfcece;
}

.groupRecord_content .groupRecord_item .groupRecord_main{
    width:100%;
    padding:0.1rem 0;
    height:1.25rem;
    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.groupRecord_content .groupRecord_item .groupRecord_main .imgBox{
    width:1.25rem;
    height: 1.25rem;
    display: inline-block;
}

.groupRecord_content .groupRecord_item .groupRecord_main .imgBox img{
    width:100%;
    height:100%;
    object-fit: cover;

}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info{
    width: calc(100% - 1.3rem);
    height:100%;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}


.groupRecord_content .groupRecord_item .groupRecord_main .main_info p{
    width:100%;
    line-height: 0.2rem;
    font-size:0.16rem;
    color: #000;
    font-weight:bold;
}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info p a{
    color: #000;
}


.groupRecord_content .groupRecord_item .groupRecord_main .main_info .groupRecord_status{
    width:100%;
    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info .groupRecord_status span:nth-child(1){
    color: #959595;
    font-size: 0.12rem;
}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info .groupRecord_status span:nth-child(2) {
    color: #f9374f;
    font-size:0.12rem;
    margin:0 auto 0 0.1rem;
}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info .groupRecord_status span:nth-child(2) em {
    font-style: normal;
    font-size:0.15rem;
}

.groupRecord_content .groupRecord_item .groupRecord_main .main_info .groupRecord_status span:nth-child(3){
    color: #f9374f;
    font-size:0.14rem;
}


.groupRecord_content .groupRecord_item .groupRecord_time{
    width:100%;
    height:0.6rem;
    border-top:1px solid #cfcece;
    display: -webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.groupRecord_content .groupRecord_item .groupRecord_time span{
    color: #5d5d5d;
    font-size:0.13rem;
}

.groupRecord_content .groupRecord_item .groupRecord_time a{
    width:1.36rem;
    height:0.35rem;
    border-radius:0.1rem;
    line-height:0.35rem;
    text-align: center;
    color: #ffffff;
    font-weight:bold;
    font-size: 0.14rem;
}

/*  拼团列表页  */
.page-grouplists {
    font-family: 'Microsoft JhengHei Light', 'Microsoft JhengHei', 'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif;
    background: #ededed;
    font-size: 0.14rem;

}



.page-grouplists .groupList_item {
    padding: 0.08rem 0.13rem 0.25rem 0.13rem;
    background: #fff;
}
.page-grouplists .groupList_item:not(:last-of-type) {
    margin-bottom: 0.10rem;
}
.page-grouplists .item_top {
    width: 3rem;
    height: 1.50rem;
    margin:0 auto;
}


.page-grouplists .item_top a{
    display: inline-block;
    width:100%;
    height:100%;
}

.page-grouplists .item_top a > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page-grouplists .item_main > p {
    font-size: 0.14rem;
    overflow: hidden;
    color: #343434;
    line-height: 0.22rem;
    margin: 0.04rem 0 0.10rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
}

.page-grouplists .item_main_box {
    height: 0.28rem;
    width: 100%;
    position: relative;
    color: #959595;
}
.page-grouplists .item_main_box p {
    font-size: 0.11rem;
    display: inline;
}
.page-grouplists .item_main_box p > i {
    display: inline-block;
    padding-right: 0.02rem;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}
.page-grouplists .item_main_box p:not(:nth-child(1)) {
    padding-left: 0.04rem;
}
.page-grouplists .item_main_box p:nth-child(2) {
    color: #f93f49;
}
.page-grouplists .item_main_box p:nth-child(3) {
    padding-left: 0.12rem;
}

.page-grouplists .item_main_box p span {
    padding-left: 0.04rem;
    line-height: 0.02rem;
    display: inline-block;
    transform: scale(1.46);
    -webkit-transform: scale(1.46);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
}
.page-grouplists .item_main_box a.item_main_btn {
    width: 0.8rem;
    height: 0.28rem;
    position: absolute;
    right: 0;
    bottom: 0.02rem;
    color: #fff;
    text-align: center;
    line-height: 0.28rem;
    display: inline-block;
    background: #f93f49;
    border-radius: 0.14rem;
}



@media screen and (max-width: 322px) {
    .page-grouplists .item_main_box a.item_main_btn {
        width: 0.75rem;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: right bottom;
        -webkit-transform-origin: right bottom;
    }
}